<template>
  <home-header>
    <template #nav>
      <global-nav />
    </template>
  </home-header>
  <div class="content">
    <div class="wrapper">
      <div
        class="flex items-center justify-center text-4xl text-center text-white title"
      >
        <span class="icon"
          ><img
            :src="getAssetsFile('icon_custody.png').href"
            alt="家长监护工程"
        /></span>
        <h1 class="ml-4">家长监护工程</h1>
      </div>
      <div class="text-base main">
        <h1 class="mb-4 text-2xl">工程介绍</h1>
        <div class="scroll-area">
          <p class="leading-10">
            “家长监护工程”是一项由中华人民共和国文化部指导，旨在加强家长对未成年人参与网络游戏的监护，引导未成年人健康、绿色参与网络游戏，和谐家庭关系的社会性公益行动。它提供了一种切实可行的方法，一种家长实施监控的管道，使家长纠正部分未成年子女沉迷游戏的行为成为可能。该项社会公益行动充分反映了中国网络游戏行业高度的社会责任感，对未成年玩家合法权益的关注以及对用实际行动营造和谐社会的愿望。
            通过我们竭诚的服务，我们将为焦虑的家长提供监控孩子游戏的途径，解决孩子沉迷问题。并引导家长如何管理孩子健康游戏，保护孩子身心健康。
          </p>
          <h3>家长监护服务使用流程</h3>
          <div class="text-center">
            <img
              class="m-auto"
              :src="getAssetsFile('intro.jpg').href"
              alt="家长监护服务使用流程"
            />
          </div>
          <h3 class="mb-6">申请条件</h3>
          <div>
            <ul class="leading-10 list-none">
              <li class="text-gray-500 list-item">
                申请人需为被监护未成年人的法定监护人；
              </li>
              <li>申请人的被监护人年龄小于18周岁；</li>
              <li>申请人需为大陆公民，不含港、澳、台人士；</li>
              <li>申请需提交材料。</li>
            </ul>
            <p class="my-3">申请人需向我司提交以下文件：（点击下载申请文件）</p>
            <ul class="leading-10">
              <li>
                文件1：<a
                  class="text-blue-500 underline duration-300 hover:text-blue-900"
                  href="/assets/doc1.doc"
                  >《监护人信息表》（点击下载）</a
                >
              </li>
              <li>
                文件2：<a
                  class="text-blue-500 underline duration-300 hover:text-blue-900"
                  href="/assets/doc2.doc"
                  >《被监护人信息表》（点击下载）</a
                >
              </li>
              <li>
                文件3：<a
                  class="text-blue-500 underline duration-300 hover:text-blue-900"
                  href="/assets/doc3.doc"
                  >《网络游戏未成年人家长监护申请书》（点击下载）</a
                >
              </li>
            </ul>
            <p class="my-3">及其中所提及需提供的附件：</p>
            <ul class="leading-10">
              <li>附件1：申请人的身份证和户口本（复印件）</li>
              <li>附件2：被申请人的身份证和户口本（复印件）</li>
              <li>附件3：申请人与被申请人的监护法律关系证明（原件）</li>
            </ul>
          </div>
          <h3 class="mb-6">联系方式</h3>
          <div>
            <p class="my-3">您可以通过以下方式联系我们：</p>
            <ul class="leading-10">
              <li>服务热线：13159279820</li>
              <li>服务邮箱：chenf@youcwl.com</li>
              <li>
                联系地址：福建省厦门市思明区莲前街道台南路77号汇金国际中心7A层
              </li>
            </ul>
            <p>
              申请人首先致电我司客服人员获得服务号码，使用传真、信件、来访等方式提交资料；我司在收到提交材料后，将在两个工作日内进行电话回访（不含法定节假日）以便进行信息判定。资料提交合格且核对正确的情况下，我司将对该请求予以受理；资料提交不全面的，我司将进行回访，并提示申请人继续补充材料；资料提交不合格且不正确的，我司有权对该请求予以拒绝，并附说明理由。
            </p>
          </div>
          <div class="my-8 text-center progress">
            <button @click="isPopupShow = true">家长监护服务进度查询</button>
          </div>
          <h3 class="mb-6">其他要求</h3>
          <div>
            <ul class="leading-10">
              <li>
                申请人应提交较完备的申请材料，对未提供的信息要及时补充；可请熟知电脑、互联网、游戏的人员进行协助，以便提供详实资料；
              </li>
              <li>
                申请人应保证提交的信息真实有效；对于提供虚假信息或伪造证件，我公司将保留进一步追究法律责任的权利。
              </li>
            </ul>
          </div>
          <h3 class="mb-6">常见问题答疑</h3>
          <div>
            <dl class="leading-10">
              <dt>Q：什么情况下需要申请该项服务呢？</dt>
              <dd>
                A：在您发现被监护人有沉溺我司网络游戏的情况下，您可向我司申请发起未成年人家长监护机制。
              </dd>
              <dt>Q：你们这项服务收费吗？</dt>
              <dd>
                A：这项服务是免费的，我们会在对您提交的信息确认无误后，尽快处理。
              </dd>
              <dt>Q：你们的服务过程大概是什么样的？</dt>
              <dd>
                A：第一步：联系我们，并按要求提交所需资料及信息；
                第二步：会有专业的家长监护主管回访您；
                第三步：如信息确认过程中，有需要您配合补充资料的情况，我们将联系您；
                第四步：资料确认无误后，会按您的需求对监护账号进行处理。
              </dd>
              <dt>Q：贵司针对未成年人家长监护系统的受理时间是什么？</dt>
              <dd>A：我们的服务受理时间是：周一至周日，早9：00至晚22：00</dd>
              <dt>Q：我要对我的被监护人申请监管，需要提供哪些信息？</dt>
              <dd>
                A：我们需要您提供以下信息： <br />
                （1）派出所出示的监护关系证明； <br />
                （2）监护人信息表；<br />
                （3）被监护人信息表；<br />
                （3）网络游戏未成年人家长监护服务申请表；<br />
                <strong>请注意：申请表中涉及签名的部分需要手写签名。</strong>
              </dd>
              <dt>Q：为什么还得提交起诉保证书和授权书？</dt>
              <dd>
                A：起诉保证书的作用是当我们按监护人的需求，在对所提交信息审核无误后，进行控制的过程中，如有用户向我公司提出书面异议，我公司可按照监护人提供的联系地址向其发送书面通知，且监护人保证在我公司通知规定的时间内，按照我公司要求对异议人提起诉讼，以确认被申请账号的归属和使用权利。如监护人在上述期
                限内不对异议人提起诉讼，我公司将视为此监护人同意终止处理其申请，并由我公司自主决定是否解除对被申请账号的控制措施，监护人没有任何异议。
                授权书的作用是当我公司对被监护人账号采取控制措施或其他调查措施后，一旦有第三人对我公司的行为提出异议，在得到提起需求的申请人同意并授权后，我公司
                可以将提起需求申请人的真实身份资料和联系方式提供给该第三人，以方便该第三人对提供虚假信息或恶意干扰第三人游戏权利者提起诉讼。由此而引起的一切法律责任均由此申请人承担。
              </dd>
              <dt>Q：你们不相信我是他（她）的监护人吗？</dt>
              <dd>
                A：为避免在处理过程中可能出现的问题，我们需要您提供与账号使用者必要的监护证明关系材料。
              </dd>
              <dt>Q：你们表中有些信息我提供不了，我该怎么办？</dt>
              <dd>
                A：您可以提供一些辅助信息，如：IP地址、您被监护人登录游戏的时间点及时长、游戏角色级别、账号、角色昵称等。建议您可以问一下周围熟悉的人或者朋友是否有玩游戏，请他们协助您获取一些信息，或者帮助了解一些信息，这样能够加快处理进程。
              </dd>
              <dt>Q：你们为什么不相信这是我家人的账号呢？</dt>
              <dd>
                A：如果申请人提交资料中的申请人或被监护人的身份证号码与被监控账户注册信息中的身份证号码一致，我们将按与您协商的结果对被监控账号立刻进行处理；如
                申请人提交的资料中的申请人或被监护人的身份证号码与被监控账户注册信息中的身份证号码无任何关联，为保障申请人的需求能够得到处理，以及账号使用人的利益，我们需要申请人补充提供相关的信息，以确定真实的账号。
              </dd>
              <dt>Q：你们让我提供这些信息都是干什么用的？</dt>
              <dd>
                A：为了避免给您和其他人带来一些不必要的困扰和麻烦。我们会根据这些信息对账号的归属进行验证和判定，以确保为您服务的准确性。
              </dd>
              <dt>Q：你们可以帮我针对我被监护人的账号做哪些处理？</dt>
              <dd>
                A：我们会在确认您提供的信息无误后，根据您的要求提供以下处理方案：
                <br />
                （1）将该账号纳入未成年人家长监护系统；<br />
                （2）按照监护人的合理要求对被监护人游戏账号纳入防沉迷系统。
              </dd>
              <dt>Q：我怎么知道申请监护的处理进度？</dt>
              <dd>
                A：您也可以通过服务热线或服务邮箱联系我们查询服务申请进度。
              </dd>
              <dt>Q：我提交信息后你们何时开始受理？</dt>
              <dd>
                A：我们在收到您的信息，审核后，会在收到信息的48小时之内与您取得联系，对该服务进行说明，并明确告知是否需要您的后续配合。待最终确定账号无误后，我们将对账号进行监控。15天内如果没有其他客户提出异议，我们会及时与您协商处理方案并进行处理。
              </dd>
              <dt>Q：为什么我想封我孩子的号那么麻烦？</dt>
              <dd>
                A：如果您孩子账号注册的身份证与您提供的信息一致，我们将按与您协商的结果对被监控账号立刻进行处理；若您提供的信息与账号信息不一致，为防止可能由于您提供信息错误，而影响账号实际使用者的利益我们需要进行调查，来判断账号使用者与您的关系。通过上述措施，以帮助我们找到正确的账号，保证您能对孩子真实的游戏账号进行有效的监控。
              </dd>
            </dl>
            <h3 class="mb-6 text-center">《未成年人健康参与网络游戏提示》</h3>
            <div>
              随着网络在青少年中的普及，未成年人接触网络游戏已经成为普遍现象。为保护未成年人健康参与游戏，在政府进一步加强行业管理的前提下，家长也应当加强监护引导。为此，我们为未成年人参与网络游戏提供以下意见：
              <ul class="mt-3">
                <li>
                  主动控制游戏时间。游戏只是学习、生活的调剂，要积极参与线下的各类活动，并让父母了解自己在网络游戏中的行为和体验。
                </li>
                <li>
                  不参与可能耗费较多时间的游戏设置。不玩大型角色扮演类游戏，不玩有PK类设置的游戏。在校学生每周玩游戏不超过2小时，每月在游戏中的花费不超过10元。
                </li>
                <li>
                  不要将游戏当作精神寄托。尤其在现实生活中遇到压力和挫折时，应多与家人朋友交流倾诉，不要只依靠游戏来缓解压力。
                </li>
                <li>
                  养成积极健康的游戏心态。克服攀比、炫耀、仇恨和报复等心理，避免形成欺凌弱小、抢劫他人等不良网络行为习惯。
                </li>
                <li>
                  注意保护个人信息。包括个人家庭、朋友身份信息，家庭、学校、单位地址，电话号码等，防范网络陷阱和网络犯罪。
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <home-footer></home-footer>
  <!-- 弹窗 -->
  <template v-if="isPopupShow">
    <div class="fixed z-40 mark"></div>
    <div class="fixed z-50 popup">
      <div class="header">进度查询</div>
      <div class="px-6 py-4 text-base leading-10 body">
        <p>
          如果您已经申请家长监护服务，您可以通过联系电话、邮件或来访的方式联系我们查询服务申请进度，了解您所提交的服务申请最新处理进展，如：传真是否收到，是否需要后续提交信息，账号是否已经进行处理等。服务期间，如果您对需要提交的信息或者处理结果有疑问，或者其他任何问题，您均可以随时联系我们，我们将由专人为您提供咨询解答服务，或者配合、指导您解决问题。
        </p>
        <p class="mt-10">申请家长监护服务，请下载</p>
        <p>
          <a
            class="text-blue-500 underline duration-300 hover:text-blue-900"
            href="/assets/监护人申请材料.rar"
            >监护服务申请文档</a
          >
        </p>
      </div>
      <div class="cursor-pointer footer"  @click="isPopupShow = false">关闭</div>
    </div>
  </template>
</template>

<script setup>
import HomeHeader from './UHeader.vue'
import HomeFooter from '@/components/HomeFooter.vue'
import GlobalNav from '@/components/GlobalNav2.vue'
import { getAssetsFile } from '../utils/getAccessFile'
function goto(url) {
  window.location.href = url
}

const isPopupShow = ref(false)
</script>

<style lang="scss" scoped>
.content {
  // height: 3176px;
  padding-bottom: 50px;
  background: url(../assets/bg.webp) center bottom;
  .title {
    padding: 90px 0 30px;
  }
  .main {
    // height: 2768px;
    padding: 40px 60px;
    border-radius: 10px;
    background-color: #fff;
    color: #545863;
    line-height: 2;
    h1 {
      height: 72px;
      margin-left: -27px;
      padding-left: 60px;
      color: #1e445d;
      line-height: 72px;
      font-size: 42px;
      background: url(../assets/icon_flag.png) no-repeat 0 0;
    }
    p {
      line-height: 2;
    }
    h3 {
      margin-top: 30px;
      font-size: 24px;
      color: #1e445d;
    }
    ul {
      margin-left: 20px;
      li {
        list-style: disc;
      }
    }
  }
  .progress {
    button {
      height: 45px;
      line-height: 45px;
      width: 500px;
      border-radius: 14px;
      border: 1px solid #b1c0c7;
      color: #245869;
      font-size: 22px;
      background-image: -webkit-linear-gradient(
        90deg,
        #c5d5e0 0%,
        #c5d5e0 50%,
        #eaf1f4 51%,
        #eaf1f4 100%
      );
    }
  }
}
.mark {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.popup {
  width: 690px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 20px;
  overflow: hidden;
  .header,
  .footer {
    height: 68px;
    line-height: 68px;
    font-size: 24px;
    color: #fff;
    background: #4db3f9;
    text-align: center;
  }
  .body {
    background-color: #fff;
  }
}
</style>
